<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="stylesheet" href="css/loginregiststyle.css"> <!-- 使用现有的样式 -->
</head>
<body>

<div class="login-container">
    <h2>创建新账户</h2>
    <form id="registerForm" action="/regist" method="get">
        <div class="input-group">
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username" placeholder="请输入唯一的用户名" required>
        </div>
        <div class="input-group">
            <label for="password">密码:</label>
            <input type="password" id="password" name="password" placeholder="至少6个字符" required>
        </div>
        <div class="input-group">
            <label for="confirm-password">确认密码:</label>
            <input type="password" id="confirm-password" name="confirm-password" placeholder="请再次输入密码" required>
        </div>
        <div class="input-group">
            <label for="email">电子邮件:</label>
            <input type="email" id="email" name="email" placeholder="请输入有效的电子邮件地址" required>
        </div>
        <div class="input-group">
            <label for="userType">用户类型:</label>
            <select id="userType" name="userType" required>
                <option value="" disabled selected>请选择用户类型</option>
                <option value="2">领导</option>
                <option value="3">秘书</option>
                <option value="4">教师</option>
            </select>
        </div>
        <div class="input-group">
            <label for="title">职称/职位名称:</label>
            <input type="text" id="title" name="title" placeholder="请输入您的职称或职位名称" required>
        </div>
        <button type="submit">注册</button>
        <p class="signup-link">已有账号？<a href="login.html">登录</a></p>
    </form>
</div>

<script src="js/regist.js"></script>
</body>
</html>